<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<html>
<head>

    <title>Index</title>

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="author" content=""/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>

    <link rel="stylesheet" href="css/main.css"/>

    <link href="favicon.ico" rel="shortcut icon"/>
    <link href="apple-icon.png" rel="apple-touch-icon"/>

    <script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/ui.selectmenu.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>

</head>

<body>
    <f:view>
        <f:loadBundle basename="ResourceBundle" var="bundle"/>
            <h:form id="logForm">
                <div class="android-wrap">
                    <div id="wrapper">
                        <div id="header">
                            <h1 class="logo"><a href="#"><span>Ad!</span>Vantage</a></h1>
                                <%--<ul class="app-controls">--%>
                                <%--<li><a href="#" class="appc-info">About</a></li>--%>
                                <%--</ul>--%>
                            <ul class="app-controls">
                                <li>
                                    <h:commandLink action="#{appBean.information}" styleClass="appc-info">
                                        <h:outputText value="About" style="color: #000000;"/>
                                    </h:commandLink>
                                </li>
                            </ul>
                        </div>
                        <div id="content">
                            <div class="sign-in">
                                <h2 class="c-logo"><a href="#">Company logo</a></h2>

                                <fieldset>
                                        <%--<input type="text" class="f-phone" placeholder="Phone number"/>--%>
                                    <h:inputText id="loginTxt" value="#{appBean.phoneNumber}" styleClass="f-phone"/>

                                </fieldset>
                                <fieldset>
                                        <%--<input type="password" class="f-password" placeholder="Password"/>--%>
                                    <h:inputSecret value="#{appBean.password}" styleClass="f-password"/>

                                    <a href="#" class="forgot-password">Forgot your password?</a>
                                </fieldset>
                                <fieldset class="f-more-option">
                                    <div class="f-checkbox">
                                        <input type="checkbox"/>
                                    </div>
                                    <label>Remember me</label>
                                </fieldset>
                                <fieldset>
                                    <%--<input type="button" class="global-ui-btn orange-btn" value="Registration"/>--%>
                                    <h:commandButton value="Registration" styleClass="global-ui-btn orange-btn" action="#{appBean.registration}"/>
                                        <%--<input type="submit" class="global-ui-btn orange-btn last-child" value="Enter" />--%>
                                    <h:commandButton value="Enter" styleClass="global-ui-btn orange-btn last-child" action="#{appBean.chooseUserProfile}"/>
                                </fieldset>

                            </div>
                            <div class="c-promo"><a href="#">Banner</a></div>
                        </div>
                    </div>
                    <a href="#" class="android-control back-btn">Back</a>
                </div>
            </h:form>
    </f:view>
</body>
</html>